<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">

    <body>


        <ui:composition template="./templates/default.xhtml">

            <ui:define name="content">
                <link rel="stylesheet" type="text/css" href="resources/css/default.css"/>
                <h:form id="index" binding="#{profileManagerBean.loadIndex}">
                    <p:panel header="Merlion Food NEWS" id="noticePanel">

                        <p:dataTable id="notices" var="notices" value="#{profileManagerBean.notices}" emptyMessage="No Notice For Today" paginator="false" style="width: 830px;  border:0px;">

                            <p:column style="border:1px solid #ffffff; background-color: #ffffff; vertical-align: top; width:100px;"> 
                                <font color="red"> <b> <h:outputText styleClass="dateText" value="#{notices.noticeDate}">   
                                            <f:convertDateTime pattern="dd-MM-yyyy" timeZone="#{defaultManagerBean.tz}"/>
                                        </h:outputText></b>
                                </font>

                            </p:column>
                            <p:column style="border:1px solid #ffffff; background-color: #ffffff; vertical-align: top;">
                                <h:outputText style="font-weight:bold" value="#{notices.title}"/> 
                                by <h:outputText style="font-style:italic;" value="#{notices.employee.name}"/>, 
                                <h:outputText  value="#{notices.employee.department}"/>
                                <br/><br/>
                                <h:outputText value="#{notices.description}">                            
                                </h:outputText>
                                <br></br>
                                <br/>
                                <br/>

                            </p:column>

                        </p:dataTable>

                    </p:panel>
                </h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>
